<!--
  ~ Copyright 2021 Scheer PAS Schweiz AG
  ~
  ~  Licensed under the Apache License, Version 2.0 (the "License");
  ~  you may not use this file except in compliance with the License.
  ~  You may obtain a copy of the License at
  ~
  ~      http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~  Unless required by applicable law or agreed to in writing, software
  ~  distributed under the License is distributed on an "AS IS" BASIS,
  ~  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~  See the License for the specific language governing permissions and
  ~  imitations under the License.
  -->

<mat-form-field *ngIf="terms" appearance="fill">
  <mat-label>{{ 'WIZARD.LICENCE_TYPE' | translate }}</mat-label>
  <textarea
    cdkAutosizeMaxRows="20"
    cdkAutosizeMinRows="1"
    cdkTextareaAutosize
    disabled
    matInput
    >{{ terms }}</textarea
  >
</mat-form-field>

<mat-card class="mb-20" id="terms-card">
  <mat-card-title>{{ 'COMMON.AGREEMENT' | translate }}</mat-card-title>
  <mat-card-content>
    <p>
      <mat-checkbox
        id="terms-and-conditions-checkbox"
        (change)="onClick()"
        [(ngModel)]="acceptedTerms"
        color="primary">
        <span>{{ 'TERMS.PREFIX' | translate }}</span>
        <a [href]="termsLink" class="primary" target="_blank">{{
          'TERMS.LINK_TEXT' | translate
        }}</a>
        <span>{{ 'TERMS.SUFFIX' | translate }}</span>
      </mat-checkbox>
    </p>
    <p>
      <mat-checkbox
        id="privacy-policy-checkbox"
        (change)="onClick()"
        [(ngModel)]="acceptedPrivacyTerms"
        color="primary">
        <span>{{ 'PRIVACY.PREFIX' | translate }}</span>
        <a [href]="termsLink" class="primary" target="_blank">{{
          'PRIVACY.LINK_TEXT' | translate
        }}</a>
        <span>{{ 'PRIVACY.SUFFIX' | translate }}</span>
      </mat-checkbox>
    </p>
  </mat-card-content>
</mat-card>
